<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#d1{
				height: 200px;
				width: 200px;
				border: 2px solid red;
				border-radius: 50%;
			}
			#d2{
				margin: 0 auto;
				height: 499px;
				width: 900px;
				background-color: #2BBBFF;
				font-size: 90px;
				text-align: center;
				box-shadow: 25px 20px 20px red inset;
				text-shadow: 15px 25px 10px yellow;
			}
			.c1{
				background-color: #008C86;
				padding: 20px;
				background-origin: content-box;
				background-image: url(../images/icon.gif);
				background-repeat: no-repeat;
				height: 500px;
				width: 450px;
				border: 1px solid red;
			}
			.c2{
				background-size: 100% 100%;
			}
			.c3{
				background-size: cover;
			}
			.c4{
				background-size: contain;
			}
			.c5{
				height: 700px;
				width: 700px;
				border: 2px solid green;
				background: linear-gradient(to left,red,blue,green,yellow);
			}
		</style>
	</head>
	<body>
		<div id="d1"></div>
		<div id="d2">
			教育改变生活,态度决定人生
		</div>
		<div class="c1"></div>
		<div class="c1 c2"></div>
		<div class="c1 c3"></div>
		<div class="c1 c4"></div>
		<div class="c5"></div>
	</body>
</html>
